<template>
  <div class="student">
    <h2>学生姓名:{{name}}</h2>
    <h2>学生年龄:{{age}}</h2>
    <button @click="sendStudentName">将学生姓名交给School</button>
  </div>
</template>

<script>
export default {
  name: "Student",
  data(){
    return{
      name:'xccit',
      age:21
    }
  },
  methods:{
    sendStudentName(){
      this.$bus.$emit('hello',this.name)
    }
  }
}
</script>

<style scoped>
  .student{
    background-color: pink;
    padding: 5px;
    margin-top: 30px;
  }
</style>